<template>
<div class="background1">
<el-container style="height: 2000px; border: 3px solid #eee">
<el-aside>
<el-row  class="tac">
  <el-col span="18">
    <el-menu
      default-active="1"
      class="el-menu-vertical-demo"
      @open="handleOpen"
      @close="handleClose">
      <router-link to='jobseekerinfor'>
      <el-menu-item index="1">
        <i class="jobseekerinfor"></i>
        <span slot="title" style="font-weight: bold">个人信息</span>
      </el-menu-item>
      </router-link>
      <el-submenu index="2">
        <template slot="title">
          <i class="myCV"></i>
          <span style="font-weight: bold">我的简历</span>
        </template>
        <el-menu-item-group>
          <router-link to='onlineCV'>
          <el-menu-item index="2-1">在线简历</el-menu-item>
          </router-link>
          <router-link to='localCV'>
          <el-menu-item index="2-2">本地简历</el-menu-item>
          </router-link>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="3">
        <template slot="title">
          <i class="myCollection"></i>
          <span style="font-weight: bold">我的收藏</span>
        </template>
        <el-menu-item-group>
          <router-link to='companyCol'>
          <el-menu-item index="3-1">收藏公司</el-menu-item>
          </router-link>
          <router-link to='jobCol'>
          <el-menu-item index="3-2">收藏职位</el-menu-item>
          </router-link>
        </el-menu-item-group>
      </el-submenu>
      <router-link to='CVProgress'>
      <el-menu-item index="4">
        <i class="CVProgress"></i>
        <span slot="title" style="font-weight: bold">投递简历进度</span>
      </el-menu-item>
      </router-link>
      <el-submenu index="5">
        <template slot="title">
          <i class="setting"></i>
          <span style="font-weight: bold">设置</span>
        </template>
        <el-menu-item-group>
          <router-link to='studChangepw'>
          <el-menu-item index="5-1">修改密码</el-menu-item>
          </router-link>
          <router-link to='logOut'>
          <el-menu-item index="5-4">退出登录</el-menu-item>
          </router-link>
        </el-menu-item-group>
      </el-submenu>

    </el-menu>
  </el-col>
</el-row>
</el-aside>
<div>
  <router-view/>
</div>
</el-container>
</div>
</template>

<script>
export default {
  data () {
    return {
      hrRefresh: 0
    }
  },
  methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      },
      goTo(path){
          this.$router.push(path);
      }
    },
  mounted () {
    this.hrRefresh = this.$route.params.hrRefresh !== undefined ? this.$route.params.hrRefresh : 0
  },
  watch: {
    hrRefresh () {
      location.reload()
    }
  }
}
</script>

<style>
.background1{
   background:white;
   }
.hr {
   margin: 20px auto auto auto;
}
.router-link-active {
  text-decoration: none;
}
a {
  text-decoration: none;
}

</style>

  html * {
    padding: 0;
    margin: 0;
  }

  * {
    box-sizing: border-box;
  }
  .box-card {
    width: 1000px;
    margin: 14px auto auto auto;
  }
  .img {
    border-radius: 50%;
    width: 70px;
    height: 70px;
  }
  .el-card .username {
    float: left;
    margin-left: 14px;
    font-size: 21px;
  }
  .avatar-uploader {
    float: left;
  }
  .avatar-uploader .el-upload {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    margin-bottom: 14px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409eff;
  }
  .avatar {
    width: 5rem;
    height: 5rem;
    display: block;
  }
</style>

<script>/* eslint-disable indent */
